Ext.define('HRMS.view.main.TopBar', {
    extend: 'Ext.toolbar.Toolbar',
    alias: 'widget.topbar',
	
	id: 'app-header',
    height: 40,
	maxHeight: 40,

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'image',
                    width: 90,
                    src : 'res/common/images/company/logo.png'
                },
                {
                    xtype: 'tbtext',
					height: 23,
                    text: '&nbsp;',
					cls : 'topbar_separator separator_long'
                },
                {
                    xtype: 'tbtext',
                    text: 'Hi Admin Password',
					cls : 'topbar_hi_user'
                },
                {
                    xtype: 'tbtext',
					height: 23,
                    text: '&nbsp;',
					cls : 'topbar_separator separator_long'
                },
				{
                    xtype: 'tbtext',
                    width: 35,
					height: 32,
					text: '&nbsp;',
					cls : 'user'
                },
				{
                    xtype: 'tbtext',
                    width: 35,
					height: 32,
					text: '&nbsp;',
					cls : 'permission'
                },
                {
                    xtype: 'tbtext',
					height: 23,
                    text: '&nbsp;',
					cls : 'topbar_separator'
                },
				{
                    xtype: 'tbtext',
                    width: 35,
					height: 32,
					text: '&nbsp;',
					cls : 'logout'
                }
            ]
        });

        me.callParent(arguments);
    }

});